<!DOCTYPE html>
<html lang="ja">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=400">
		<link rel="stylesheet" href="style.css">
		<title>scrollable</title>
	</head>
	<body>
		<dl>
			<dt>textarea</dt>
			<dd><textarea>The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.</textarea></dd>
			<dt>textarea readonly</dt>
			<dd><textarea readonly>The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.</textarea></dd>
			<dt>div overflow auto</dt>
			<dd><div style="width:200px;height:200px;overflow:auto">The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.</div></dd>
			<dt>div overflow scroll</dt>
			<dd><div style="width:200px;height:200px;overflow:scroll">The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.</div></dd>
			<dt>div overflow hidden (non-scrollable)</dt>
			<dd><div style="width:200px;height:200px;overflow:hidden">The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.</div></dd>
			<dt>iframe</dt>
			<dd><iframe src="index.html"></iframe></dd>
		</dl>
	</body>
</html>
